<template>
    <div>
        <!-- <el-form-item :label="$t('name')">
            <el-input v-model="writer.name" disabled />
        </el-form-item> -->
    </div>
</template>

<script setup>
import { ref, watch } from "vue";
import { useStore } from 'vuex'

const store = useStore()

const writer = ref({
    "name": "streamwriter",
    "parameter": {
        "print": true,
        "encoding": "UTF-8",
    }
})

store.commit('setWriter', writer.value)

watch(
    writer,
    (state, prevState) => {
        store.commit('setWriter', state)
    },
    { deep: true }
)
</script>